$(function () {
    // 初始化右侧滚动条
    // 这个方法定义在scroll.js中

    //  resetui()使用户点击发送内容后  让滚动条到最后
    resetui()


    // 为发送按钮绑定鼠标事件
    $('#btnSend').on('click', function () {
        var text = $('#ipt').val().trim();
        if (text.length <= 0) {
            // 清空
            return $('#ipt').val('')
        }
        // 如果用户输入了聊天内容，将聊天内容追加到页面上显示
        $('#talk_list').append('<li class="right_word"><img src="img/person02.png" /><span>' + text + '</span></li > ')
        $('#ipt').val('')
        // 重置滚动条的位置
        resetui()
        // 发起请求  ，获取聊天内容
        getMsg(text)

    })
    // 获取聊天机器人发送回来的消息
    function getMsg(text) {
        $.ajax({
            method: 'GET',
            URL: 'http://www.liulongbin.top:3006/api/robot',
            data: {
                spoken: text
            },
            success: function (res) {
                console.log(res);
                if (res.message === 'success') {
                    // 接受聊天消息
                    var msg = res.data.info.text
                    $('#talk_list').append('  <li class="left_word"> < img src = "img/person01.png" /> <span>' + msg + '</span> </li > ')
                    // 重置滚动条的位置
                    resetui()
                }
            }

        })
    }
})